<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<style>
			*{
			padding: 0;
			margin: 0 auto;
			box-sizing: border-box;
			}
			#container
			{
				width: 1200px;
				height: auto;
				
			}
			#header
			{
				float: left;
				width: 100%;
			}
			#context
			{
				float: left;
				width: 100%;
				margin-top: 10px;
				margin-left: 60px;
				margin-right: 60px;
			}
			#logo
			{
				float: left;
				margin-top: 10px;
   				margin-left:70px;
			}
			#tab
			{
				margin-top: 40px;
				padding-left: 10px;
				margin-left: 10px;
				float: left;
			    color:#FFFFFF;
			    font-size: 18px;
			}
			#tab div {
		    position: relative;
		    width: 70px;
		    height: 30px;
		    border: 1px solid #cccccc;
		    border-bottom: 0px;
		    text-align: center;
		    border-radius: 8%;
		    float: left;
		    margin-left: 10px;
		    background: aliceblue;
			}	
			#tab div  a{
			    position: absolute;
			    margin-top: 3px;
			    right: 18px;
			    font-weight: bold;
			     color: #006400;
			}
			#operator
			{
				float: right;
				font-size: 15px;
				color: #495FAE;
				margin-top: 5px;
				margin-right: 70px;
			}
			#mune
			{
				float: left;
				width: 100%;
				color:#FFFFFF;
				background:#EE7700 ;
				padding-top: 10px;
				padding-bottom: 10px;
			}
			#mune2
			{
				float: left;
				width: 100%;
				color:#000000;
				background:#D8D2CB ;
			}
			#location{
				float: left;
				margin-left: 60px;
				margin-top: 10px;
				font-size: 15px;
			}
			#left
			{
				float: left;
				width: 20%;
				border: #D8D2CB 1px solid;
				margin: 10px;
			}
			
			#right
			{
				float: left;
				width: 70%;
				margin: 10px;
			}
			#r2
			{
				float: left;
				width: 100%;
				margin: 10px;
				font-weight: bold;
			}
			
			#lt2
			{
				background: #FAFAFA;
				color: #000000;
				 font-weight:bold;
				 padding: 10px;
			}
			#lt2 a{
				margin-left: 6px;
			}
			li{
				list-style: none;
				font-size: 15px;
				margin: 5px;
				padding-left: 10px;
			}
			#title{
				margin-bottom: 10px;
			}
			#message{
				margin-bottom: 10px;
				margin-top: 10px;
			}
			#r1{
				margin-top: 7%;
				margin-left: 20%;
				font-weight: bold;
			}
			
			.birthday select{
				display: inline-block;
				margin: 10px;
				padding-bottom: 10px;
			}
		</style>
	</head>
	<body>
		<div id="container">
			<div id="header">
				<div id="logo"><a border="1"><img src="../img/logo.gif" /></a></div>
				<div id="tab">
					<div style="float: left;"><a>首页</a></div>
			        <div style="float: left;background: #EE7700;"><a style="color:#F0F8FF;">用户</a></div> 
			        <div style="float: left;"><a >商品</a> </div>
			        <div style="float: left;;"><a >订单</a> </div>
			        <div style="float: left;"><a >留言</a></div>
			        <div style="float: left;"><a >新闻</a> </div>
				</div>
				<div id="operator">
					<span style="background: url(../img/bg.png)0px -68px;">&nbsp;&nbsp;&nbsp;&nbsp;</span>
					<a href="shopping.html">购物车</a>
					<a href="login.html">登录</a>
					<a href="resiger.html">注册</a>
					<a href="guestbook.html">留言</a>
				</div>
			</div>
			<div id="mune">
				<a style="margin-right: 60px;float: right;">管理员pillys您好，今天是2012-12-21，欢迎回到管理后台.</a>
			</div>
			<div id="location">您现在的位置是:<a style="color: #95A2D0;">易卖网</a>><a >管理后台</a></div>
			<div id="context">
				<div id="left">
					<div>
						<div id="lt2" ><a>图书影像</a></div>
						<ul>
							<li>
								<span style="background: url(../img/bg.png)-238px -87px;">&nbsp;&nbsp;&nbsp;</span>
								<a>用户管理</a><a style="float: right;">新增</a>
							</li>
						</ul>
					</div>
					<div>
						<div id="lt2" ><a>商品信息</a></div>
						<ul>
							<li>
								<span style="background: url(../img/bg.png)-238px -87px;">&nbsp;&nbsp;&nbsp;</span>
								分类管理<a style="float: right;">新增</a>
							</li>
							<li>
								<span style="background: url(../img/bg.png)-238px -87px;">&nbsp;&nbsp;&nbsp;</span>
								商品管理<a style="float: right;">新增</a>
							</li>
						</ul>
					</div>
					<div>
						<div id="lt2" ><a>订单管理</a></div>
						<ul>
							<li>
								<span style="background: url(../img/bg.png)-238px -87px;">&nbsp;&nbsp;&nbsp;</span>
								订单管理
							</li>
						</ul>
					</div>
					<div>
						<div id="lt2" ><a>留言管理</a></div>
						<ul>
							<li>
								<span style="background: url(../img/bg.png)-238px -87px;">&nbsp;&nbsp;&nbsp;</span>
								留言管理
							</li>
						</ul>
					</div>
					<div>
						<div id="lt2" ><a>新闻管理</a></div>
						<ul>
							<li>
								<span style="background: url(../img/bg.png)-238px -87px;">&nbsp;&nbsp;&nbsp;</span>
								新闻管理<a style="float: right;">新增</a>
							</li>
						</ul>
					</div>
				</div>
				<div id="right">
					<div id="r2">
						<span style="background: url(../img/bg.png)-234px -105px;">&nbsp;&nbsp;&nbsp;&nbsp;</span>
						<a >添加用户</a>
						<hr size="4" color="#EE7700">
					</div>
					<div id="r1">
						<div id="title">用户名：　<input size="60" style="height: 25px;"></div>
						<div id="title">姓名：　　<input size="60" style="height: 25px;"></div>
						<div id="title">密码：　　<input size="60" style="height: 25px;"></div>
						<div id="title">性别：　　
							<form　style="display: inline-block;">
								<input type="radio" name="sex" value="male" checked>男
								<input type="radio" name="sex" value="female">女
							</form> 
						</div>
						<div id="message">出生日期：
							<select name="year">
								<option >2000</option>
								<option >2001</option>
								<option >2002</option>
								<option >2003</option>
								<option >2004</option>
								<option >2005</option>
								<option >2006</option>
								<option >2007</option>
							</select>年
							<select name="month">
								<option >1</option>
								<option >2</option>
								<option >3</option>
								<option >4</option>
								<option >5</option>
								<option >6</option>
								<option >7</option>
								<option >8</option>
								<option >9</option>
								<option >10</option>
								<option >11</option>
								<option >12</option>
							</select>月
							<select name="day">
								<option >1</option>
								<option >2</option>
								<option >3</option>
								<option >4</option>
								<option >5</option>
								<option >6</option>
								<option >7</option>
								<option >8</option>
								<option >9</option>
								<option >10</option>
								<option >11</option>
								<option >12</option>
								<option >13</option>
								<option >14</option>
								<option >15</option>
								<option >16</option>
								<option >17</option>
								<option >18</option>
								<option >19</option>
								<option >20</option>
								<option >21</option>
								<option >22</option>
								<option >23</option>
								<option >24</option>
								<option >25</option>
								<option >26</option>
								<option >27</option>
								<option >28</option>
								<option >29</option>
								<option >30</option>
								<option >31</option>
							</select>日

						</div>
						
						<div id="title">手机号码：<input size="60" style="height: 25px;"></div>
						<div id="title">送货地址：<input size="60" style="height: 25px;"></div>
						<div id="message">头像：　　<input size="60" style="height: 25px;width: 400px; border: #000000 1px solid;" type="file" ></div>	
						<div>
							<button type="button" style="background: #495FAE;font-size: 15px;padding: 7px;color: #FAFAFA;margin-left: 15%;" >添加</button>
						</div>
					</div>
				</div>
			</div>
			<div id="mune2">
				<a style="margin-left: 35%;">Copyright &copy; 2016 东方睿智 All Rights Reserved.京ICP证1000001号</a>
			</div>
		</div>

	</body>
</html>
